<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	
<!-- TAB DE INDICADORES -->

<div align="left">               
 		<p:panel header="Escolha os Indicadores"> 
            <div align="left">	
            	 <p:commandButton value="Incluir Indicador" style="width:80px;height:50px;" onclick="dlgCadIndicador.show()" />
            </div> 
                <p:tabView orientation="left">  	    
				    <!-- TAB TV -->
				        
				    <p:tab title="TV">     
			        	<p:dataTable paginator="true" rows="10" >  
						  
						        <f:facet name="header">  
						           Indicadores da TV
						        </f:facet>  
						  
						        <p:column selectionMode="multiple" style="width:18px" />  
						  
						        <p:column headerText="Código">  
						         
						        </p:column>  
						  
						        <p:column headerText="Nome Indicador">  
						            
						        </p:column>  
						  
						        <p:column headerText="Metrica" >  
						           
						        </p:column>   
						  
						        <f:facet name="footer">  
						            <p:commandButton id="multiViewButton" value="View" icon="ui-icon-search" />  
						        </f:facet>  
						</p:dataTable>
						<p:dialog header="Indicadores" widgetVar="multiIndicadoresDialogTV"  
					              height="300" showEffect="fade" hideEffect="explode">  
					  
					        <p:dataList>  
					            Código:
					            Nome Indicador:
					            Metricas:
					        </p:dataList>  
					  
					    </p:dialog>  
					    
				    </p:tab>  
				    
				    <!-- TAB RADIO -->
				    
				    <p:tab title="Rádio">  

				    		<p:dataTable paginator="true" rows="10" >  
						  
						        <f:facet name="header">  
						           Indicadores da Rádio
						        </f:facet>  
						  
						        <p:column selectionMode="multiple" style="width:18px" />  
						  
						        <p:column headerText="Código">  
						         
						        </p:column>  
						  
						        <p:column headerText="Nome Indicador">  
						            
						        </p:column>  
						  
						        <p:column headerText="Metrica" >  
						           
						        </p:column>   
						  
						        <f:facet name="footer">  
						            <p:commandButton id="multiViewRadio" value="View" icon="ui-icon-search" />  
						        </f:facet>  
						</p:dataTable>
						<p:dialog header="Indicadores" widgetVar="multiIndicadoresDialogRadio"  
					              height="300" showEffect="fade" hideEffect="explode">  
					  
					        <p:dataList>  
					            Código:
					            Nome Indicador:
					            Metricas:
					        </p:dataList>  
					  
					    </p:dialog>      
				    </p:tab>
				    	
				    	<!-- TAB JORNAL -->
				      
				    <p:tab title="Jornal">  
				        <p:dataTable paginator="true" rows="10" >  
						  
						        <f:facet name="header">  
						           Indicadores da Jornal
						        </f:facet>  
						  
						        <p:column selectionMode="multiple" style="width:18px" />  
						  
						        <p:column headerText="Código">  
						         
						        </p:column>  
						  
						        <p:column headerText="Nome Indicador">  
						            
						        </p:column>  
						  
						        <p:column headerText="Metrica" >  
						           
						        </p:column>   
						  
						        <f:facet name="footer">  
						            <p:commandButton id="multiViewJornal" value="View" icon="ui-icon-search" />  
						        </f:facet>  
						</p:dataTable>
						<p:dialog header="Indicadores" widgetVar="multiIndicadoresDialogJornal"  
					              height="300" showEffect="fade" hideEffect="explode">  
					  
					        <p:dataList>  
					            Código:
					            Nome Indicador:
					            Metricas:
					        </p:dataList>  
					  
					    </p:dialog>
				    </p:tab>  
				    
				    <!-- TAB REVISTA -->
				      
				    <p:tab title="Revista">  
				        <p:dataTable paginator="true" rows="10" >  
						  
						        <f:facet name="header">  
						           Indicadores da Revista
						        </f:facet>  
						  
						        <p:column selectionMode="multiple" style="width:18px" />  
						  
						        <p:column headerText="Código">  
						         
						        </p:column>  
						  
						        <p:column headerText="Nome Indicador">  
						            
						        </p:column>  
						  
						        <p:column headerText="Metrica" >  
						           
						        </p:column>   
						  
						        <f:facet name="footer">  
						            <p:commandButton id="multiViewRevista" value="View" icon="ui-icon-search" 
						             oncomplete="multiIndicadoresDialogRevista.show()" />  
						        </f:facet>  
						</p:dataTable>
						<p:dialog header="Indicadores" widgetVar="multiIndicadoresDialogRevista"  
					              height="300" showEffect="fade" hideEffect="explode">  
					  
					        <p:dataList id="displayRevista">  
					            Código:
					            Nome Indicador:
					            Metricas:
					        </p:dataList>  
					  
					    </p:dialog>
				    </p:tab>
				    
				    <!-- TAB WEB -->
				      
				    <p:tab title="Web">  
				        <p:dataTable id="indicadoresWeb" var="indicador" paginator="true" rows="10" >  
						  
						        <f:facet name="header">  
						           Indicadores da Web
						        </f:facet>  
						  
						        <p:column selectionMode="multiple" style="width:18px" />  
						  
						        <p:column headerText="Código">  
						         
						        </p:column>  
						  
						        <p:column headerText="Nome Indicador">  
						            
						        </p:column>  
						  
						        <p:column headerText="Metrica" >  
						           
						        </p:column>   
						  
						        <f:facet name="footer">  
						            <p:commandButton id="multiViewWeb" value="View" icon="ui-icon-search" 
						            oncomplete="multiIndicadoresDialogWeb.show()" />  
						        </f:facet>  
						</p:dataTable>
						<p:dialog header="Indicadores" widgetVar="multiIndicadoresDialogWeb"  
					              height="300" showEffect="fade" hideEffect="explode">  
					  
					        <p:dataList id="displayWeb">  
					            Código:
					            Nome Indicador:
					            Metricas:
					        </p:dataList>  
					  
					    </p:dialog>
				    </p:tab>    
				</p:tabView>
            </p:panel>                
  </div>
</html>